<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>index</title>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/elements.js"></script>
<script type="text/javascript" src="js/highslide/highslide.js"></script>
<script type="text/javascript">
    hs.graphicsDir = 'templates/xtc4/lib/js/highslide/graphics/';
	hs.outlineType = 'rounded-white';
    hs.captionEval = 'this.thumb.title';
</script>
<script type="text/javascript" src="js/cookies.js"></script>
<script type="text/javascript" src="js/efa_fontsize.js"></script>
<script type="text/javascript" src="js/accordion.js"></script>
<script type="text/javascript" src="js/AJS.js"></script>
<script type="text/javascript" src="js/AJS_fx.js"></script>
<script type="text/javascript" src="js/gb_scripts.js"></script>
<link rel="stylesheet" type="text/css" href="css/gb_styles.css" />

<script type="text/javascript"><!--
var selected;
var submitter = null;

function submitFunction() {
    submitter = 1;
}
function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}  

function selectRowEffect(object, buttonSelect) {
  if (!selected) {
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }

  if (selected) selected.className = 'moduleRow';
  object.className = 'moduleRowSelected';
  selected = object;

// one button is not an array
  if (document.getElementById('payment'[0])) {
    document.getElementById('payment'[buttonSelect]).checked=true;
  } else {
    //document.getElementById('payment'[selected]).checked=true;
  }
}

function rowOverEffect(object) {
  if (object.className == 'moduleRow') object.className = 'moduleRowOver';
}

function rowOutEffect(object) {
  if (object.className == 'moduleRowOver') object.className = 'moduleRow';
}

function popupImageWindow(url) {
  window.open(url,'popupImageWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}

function textCounter(field,counter,maxlimit,linecounter) {
	// text width//
	var fieldWidth =  parseInt(field.offsetWidth);
	var charcnt = field.value.length;        
	// trim the extra text
	if (charcnt > maxlimit) { 
		field.value = field.value.substring(0, maxlimit);
	} else { 
	// progress bar percentage
	var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ;
	document.getElementById(counter).style.width =  parseInt((fieldWidth*percentage)/100)+"px";
	document.getElementById(counter).innerHTML="Limit: "+percentage+"%"
	// color correction on style from CCFFF -> CC0000
	setcolor(document.getElementById(counter),percentage,"background-color");
	}
}
function setcolor(obj,percentage,prop){
	obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)";
}

//--></script>


<script type="text/javascript">
function getXmlHttpRequestObject() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert(".......");
	}
}

//Our XmlHttpRequest object to get the auto suggest
var searchReq = getXmlHttpRequestObject();

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest() {
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('txtSearch').value);
		searchReq.open("GET", 'searchSuggest.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest; 
		searchReq.send(null);
	}		
}

//Called when the AJAX response is returned.
function handleSearchSuggest() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('search_suggest')
		ss.innerHTML = '';
		var str = searchReq.responseText.split("\n");
		for(i=0; i < str.length - 1; i++) {
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.
			var suggest = '<div class="search_suggest_inner"><div onmouseover="javascript:suggestOver(this);" ';
			suggest += 'onmouseover="javascript:suggestOverClose(this);" ';
			suggest += 'onmouseout="javascript:suggestOut(this);" ';
			suggest += 'onmouseout="javascript:suggestOutClose(this);" ';
			suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '<\/div><\/div>';
			ss.innerHTML += suggest;
		}
		if (i==0) {
			ss.style.visibility  = "hidden";
		} else {
			ss.style.visibility  = "visible";
		}
		//Schließen link einfügen
		ss.innerHTML += '<div class="closeContainer"><a onmouseover="javascript:suggestOverClose(this);" onmouseout="javascript:suggestOutClose(this);" onClick="javascript:suggestClose(this);" class="closeLink">Fenster schließen<\/a><\/div>';
	}
}
// Close Function
function suggestClose (div_value) {
	document.getElementById('search_suggest').innerHTML = '';
	document.getElementById('search_suggest').style.visibility  = "hidden";
}

//Mouse over function
function suggestOver(div_value) {
	div_value.className = 'suggest_link_over';
}
function suggestOverClose(div_value) {
	div_value.className = 'suggest_link_close';
}
//Mouse out function
function suggestOut(div_value) {
	div_value.className = 'suggest_link';
}
function suggestOutClose(div_value) {
	div_value.className = 'suggest_link_close';
}
//Click function
function setSearch(value) {
	// HTML-TAGS entfernen
  	var newvalue = value.replace(/<.*?>/gi, '');
	//Kategorienamen entfernen (fängt mit &nbsp; an)
	var Suche =	newvalue.indexOf("&nbsp;");
	var produktname = newvalue.substring(0,Suche);
	document.getElementById('txtSearch').value = produktname;
	document.getElementById('search_suggest').innerHTML = '';
	document.getElementById('search_suggest').style.visibility  = "hidden";
	//top.location.href = "/advanced_search_result.php?keywords=" + produktname; 
}
/* End Suggest Code */	

function openInfoWindow(URL,Name,features) { 
  window.open(URL,Name,features);
}

function updatePasswordMeter(password) {
  var strength_descriptions = new Array();
  strength_descriptions[0] = 'sehr unsicher';
  strength_descriptions[1] = 'unsicher';
  strength_descriptions[2] = 'gut';
  strength_descriptions[3] = 'sehr gut';
  strength_descriptions[4] = 'sicher';
  strength_descriptions[5] = 'sehr sicher';

  var strength = calculatePasswordStrength(password);

  document.getElementById('password_strength_label').innerHTML = strength_descriptions[strength];
  document.getElementById('password_bar').className = 'strength_' + strength;
}

function calculatePasswordStrength(password) {
  var score = 0;

  // Length at least 8 chars long
  if (password.length >= 8)
    score++;

  // both lower and uppercase chars
  if (password.match(/[a-z]/) && password.match(/[A-Z]/))
    score++;

  // at least one num char
  if (password.match(/[0-9]+/))
    score++;

  // at least one special char
  if (password.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,)-]/))
    score++;

  // Length at least 12 chars long
  if (password.length >= 12)
    score++;

  return score;
}

//--></script>
<script type="text/javascript" src="js/validate/date-de-DE.js"></script>
<script type="text/javascript" src="js/validate/validate.js"></script>
</head>
<body>
<script type="text/javascript">
	//<![CDATA[
	
	if (efa_fontSize06) efa_fontSize06.efaInit();
	//]]>
</script>
<div id="pageWrapHead"></div>
<div id="pageWrapTop">
  <div id="pageWrapBottom">
    <div id="pageBorderTop">
      <div id="quickLinks">
        <ul>
          <li><a href="index.html">首页</a></li>
          <li><a href="#">注册</a></li>
          <li><a href="#"><strong>登入</strong></a></li>
          <li><a href="#">帮助</a></li>
        </ul>
      </div>
    </div>
    <div id="pageBorderLR">
      <div id="pageBorderBottom">
        <div id="page">
          <div id="topNavi">
            <ul id="kwicks">
              <li><a class="kwick module" href="index.html"><span><br />
              兴趣爱好</span></a></li>
              <li><a class="kwick design" href="#"><span>笔记本<br />
              超低价笔记本</span></a></li>
              <li><a class="kwick service" href="#"><span>服务器<br />
              质量保证</span></a></li>
              <li><a class="kwick cms" href="#"><span>周边配件<br />
              鼠标，键盘，耳机</span></a></li>
            </ul>
          </div>
          <div id="breadCrumb"><a href="#" class="headerNavigation">首页 &gt;&gt;</a>
            <div id="searchContainer">
              <div class="sd">Seite durchsuchen</div>
                <input type="text" name="keywords" id="txtSearch" style="color:#999999" onkeyup="searchSuggest();" value="输入查找内容" />
                <div id="search_suggest"></div>
                <input type="image" src="img/searchContainerButton.png" alt="搜索" title=" 搜索 " id="go" />
            </div>
          </div>
          <div id="content" class="clear">
            <div id="rightCol_full">
              <div id="rightColInner">
                <div class="float">
                  <div  style="width:530px; float:left;"> 
				  <a href="#"><img src="img/indexModule.png" alt="" /></a>
				  <div>
                    <br/>
				  	<h4>自我介绍<span style="font-size:12px;"></span></h4>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;我叫LucToy，这是我的个人网站，我想通过这个网站向网络的朋友们介绍自己，同时学习更多的web构建知识，希望和我有共同爱好的朋友可以互相交流，共同进步。</p>
				  </div>
				  <div>
				  	<h4>Self Introduce</h4>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;Hi, frends. I'am Luc Toy.This is my personal website. With this site, I want to introduce myself to everyone in the network, and try more  web technologies. I hope to know you, and we can learn more together.</p>
				  </div>	
				  <div>
				  	<h4>Les personnages</span></h4>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;Je m'appelle LucToy. Ce est mon site personnel, je veux ce site pour introduire leur propre réseau d'amis, et en apprendre davantage sur le web pour construire des connaissances, l'espérance et l'amour mes amis peuvent avoir un échange commun, et le progrès commun.</p>
				  </div>	
				  <!--图片1 改成业界新闻-->	
                    <div id="newsContainer">
                     <div class="news_header"><a href="#">我的家庭</a><br />
                        <span class="date">2011.11.08</span></div>
                     &nbsp;&nbsp;&nbsp;&nbsp;我有一个美丽的妻子和一个即将出世的孩子。这里，我要感谢下我的妻子，对于我过多的兴趣与爱好，她给予了我极大的宽容和鼓励，我才有了很多的时间来实现自己的愿望。我保证，今后会留给你们更多的时间和更多的笑容。<br />
                      <br />
                      <div class="news_header"><a href="#">我爱好的运动</a><br />
                        <span class="date">2011.11.08</span></div>
                       &nbsp;&nbsp;&nbsp;&nbsp;我是一个热爱运动的人，篮球、乒乓球、羽毛球、潜水、游泳都是我喜爱的项目，有时间的时候，我也会去健身房跑步和骑车。在出差的时候，我也会利用间隙出去登山。我始终相信，生命在于运动 <br />
                      <br />
                      <div class="news_header"><a href="#">我的工作</a><br />
                        <span class="date">2011.11.08</span></div>
                     &nbsp;&nbsp;&nbsp;&nbsp;我在一家为电力生产提供设备的企业工作，作为一个程序员，我长期在unix环境下进行c相关的编程，最初维护通讯程序、然后实施数据库应用、接着负责跨平台代码的移植。由于工作，我认识了很多的朋友，他们有的人给予了我很多的帮助，有的人陪伴我度过了很多时光。有了他们，我才不至于坐在办公室里昏昏欲睡。<br />
                      <br />
                      <div class="news_header"><a href="#">我的兴趣</a><br />
                        <span class="date">2011.11.08</span></div>
                     &nbsp;&nbsp;&nbsp;&nbsp;我始终认为，信息技术是21世纪人类最伟大的进步，如何最大程度的利用网络、如何通过网络改变整个世界，是值得我们每个人深思的问题。因此有时间的时候，我会研究网页技术，而这个网站就是在这样的背景下实现的。<br />
                      <br />
                      <div class="news_header"><a href="#">最想去的地方</a><br />
                        <span class="date">2011.11.08</span></div>
                     &nbsp;&nbsp;&nbsp;&nbsp;加拿大，世界上最适合养老的地方。<br />
                      <br />
                    </div>
                  </div>
                  <div style="width:296px; float:right;">
                    <div class="alignRight" style="text-align:center;background-color:#F2F2F2;color:#A83600">
					<h4>静态网页</h4></div>
					<!-- title -->
                    <div class="newProductsDefault"> 
						<div class="shows"><img src="img/webExam/1.jpg" /></div>
						<div class="content">
						   <class="productLink">餐厅<br />
                           <strong>异国风情、淡色背景</strong><br />
                           <a href="#"><small>查看详细</small></a> 
					  </div>
                    </div>
					<div class="newProductsDefault"> 
					    <div class="shows"><img src="img/webExam/2.jpg" /></div>
						<div class="content">
						   <class="productLink">家装设计<br />
                           <strong>传统风格、淡色背景</strong><br />
                           <a href="#"><small>查看详细</small></a> 
					  </div
                    ></div>
					<div class="newProductsDefault"> 
					    <div class="shows"><img src="img/webExam/3.jpg" /></div>
						<div class="content">
						   <class="productLink">图书馆<br />
                           <strong>传统风格、深色背景</strong><br />
                           <a href="#"><small>查看详细</small></a> 
					  </div>
                    </div>
					<div class="newProductsDefault"> 
					    <div class="shows"><img src="img/webExam/4.jpg" /></div>
						<div class="content">
						   <class="productLink">网上书店<br />
                           <strong>淡色背景</strong><br />
                           <a href="#"><small>查看详细</small></a> 
					  </div>
                    </div>
					<br />
                    <div class="alignRight" style="text-align:center;background-color:#F2F2F2;color:#A83600">
                      <h4>动态脚本</h4></div>
                    <div class="newProductsDefault"> 
					    <div class="shows"><img src="img/pc/010.bmp" /></div>
						<div class="content">
						   <a href="#"class="productLink">多图切换</a><br />
                           多图固定时间间隔横向切换<br />
                           <a href="#"><small>查看详细</small></a> 
					  </div>
                    </div>
					<div class="newProductsDefault"> 
					    <div class="shows"><img src="img/pc/011.bmp" /></div>
						<div class="content">
						   <a href="#" class="productLink">浮动窗口</a><br />
                           漂浮在浏览器上的窗口<br />
                           <a href="#"><small>查看详细</small></a> 
					  </div>
                    </div>
					<div class="newProductsDefault"> 
					    <div class="shows"><img src="img/pc/012.bmp" /></div>
						<div class="content">
						   <a href="#" class="productLink">编辑器</a><br />
                           javascript制作的编辑器<br />
                           <a href="#"><small>查看详细</small></a> 
					  </div>
                    </div>
					<br />
                  </div>
                </div>
              </div>
            </div>
          </div>
		  <!--footer-->
          <div style="padding:0 0px; margin-top:30px;"> <img src="img/FavouriteBox.png" alt="beliebteste Suchbegriffe" /><br />
            <span class="tCCTag1"><a href="www.csdn.net">CSDN |</a></span> 
			<span class="tCCTag3"><a href="www.chinaunix.net">ChinaUnix |</a></span> 
			<span class="tCCTag5"><a href="www.php100.com">PHP100 |</a></span> 
			<span class="tCCTag2"><a href="www.bbc.co.uk/news/">BBC NEWS |</a></span> 
			<span class="tCCTag5"><a href="www.time.com/time/">时代周刊 |</a></span> 
			<span class="tCCTag3"><a href="www.nationalgeographic.com/">国家地理杂志 |</a></span> 
			<span class="tCCTag4"><a href="www.techi.com/">TechI |</a></span> 
			<span class="tCCTag3"><a href="www.engadget.com/">ENGADGET |</a></span> 
			<span class="tCCTag5"><a href="arstechnica.com/">Ars Technica |</a></span> 
			<span class="tCCTag3"><a href="windowsteamblog.com/">Windows Blog |</a></span> 
			<span class="tCCTag4"><a href="fr.news.yahoo.com/blogs/">Yahoo Francais News</a></span> 
        </div>
      </div>
    </div>
    <div id="pageFooter">
      <div id="footerLinks" class="float">
       <div class="footerContainerCopyright"> Copyright &copy; 2008-2011 by <a href="#">我的个人博客</a> | 保留一切版权 | ICP:报备阶段.
          <div class="footerContainerSocial"> 
          <a rel="nofollow" style="text-decoration:none;" href="#" ><img src="img/socialIcons/digg.png" /></a> 
          <a rel="nofollow" style="text-decoration:none;" href="#" ><img src="img/socialIcons/delicious.png"  style="margin-left:5px;" /></a> 
          <a rel="nofollow" style="text-decoration:none;" href="#" ><img src="img/socialIcons/technorati.png" style="margin-left:5px;"/></a> 
          <a rel="nofollow" style="text-decoration:none;" href="#" ><img src="img/socialIcons/wong.png" style="margin-left:5px;" /></a>      
          <a rel="nofollow" style="text-decoration:none;" href="#" ><img src="img/socialIcons/google.png" style="margin-left:5px;" /></a></div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
